*{margin:0;padding:0;}
li{
	float:left;
	list-style:none;
}
body{
	font-size: 14px;
	color:#333;
	font-family: "宋体";
	background-color: #f0f1f1;
}
a{
	color:#333;
	text-decoration:none;
}
.content{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}
.top{
	height:48px;
	line-height:48px;
	font-size: 13px;
	background-color: #323232;
}
.top .content{
	position:relative;
	overflow:visible;
}

.top a{
	font-size: 14px;
	color:#a0a0a0;
	padding:0 20px;
	display: block;
	transition:all .5s;
}
.nav{
	margin-left: 185px;
}
.top a:hover,.top .focus a{
	background-color: #dd4012;
	color:#fff;
}
.logo{
	position:absolute;
	top:0;
	z-index:2;
	left:0;
}
.banner{
	position:relative;
}
.banner img{display: block;width: 100%;}
.mianbaoxue{
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,.5);
	left:0;
	line-height:28px;
    width: 100%;
}
.mianbaoxue a{color:#a6a6a6;}
.mianbaoxue li{
	margin-right:10px;
	font-size: 12px;
}
.tab{
	margin: 30px 0;
	overflow:hidden;
}
.tab li{
	min-width:78px;
	line-height:26px;
	color:#636363;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
	margin-right: 5px;
	transition:all .5s;
	cursor:pointer;
}
.tab li:hover,.tab li.focus{
	background-color:#636363;
	color:#fff;
}
.itemList{
	margin-bottom: 45px;
	overflow:hidden;
}
.itemList > li{
	height:235px;
	overflow:hidden;
	width:260px;
	background-color: #fff;
	margin-right: 20px;
	margin-bottom: 35px;
}
.itemList > li:nth-child(4n){
	margin-right:0;
}
.itemList h2{
	font-size: 16px;
	line-height:16px;
	color:#000;
	padding:15px 0 0px 15px;
	transition:all .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.itemList ul {
	border-top:1px solid #e3e3e3;
	margin-left:15px;
	padding-top:5px;
	margin-top: 10px;
}
.itemList ul li{
	margin-right:10px;
	color:#939292;
	font-size: 12px;
}

.itemList > li:hover h2{
	color:#dd4012;
}
.imgWrap{width:260px;height:155px;overflow:hidden;}
.itemList > li img{transition:all .5s;}
.itemList > li:hover img{
	transform:scale(1.1);
}
.page{
	text-align:center;
}
.page li{
	display:inline-block;
	float:none;
	background-color:#fff;
	font-size: 12px;
	margin-right: 6px;
}
.page li a{
	display: block;
	line-height:40px;
	width:40px;
	text-align:center;
	color:#b1a9bb;
}
.page li:hover,.page li.focus{
	background-color:#dd4012;
}
.page li:hover a,.page li.focus a{
	color:#FFF;
}
.bottom{
	padding:25px 0;
	overflow:hidden;
	margin-top: 20px;
	height:32px;
	background-color:#323232;
}
.bottom-logo{
	float:left;
}
.bottom-nav{
	float:right;
	font-size: 12px;
}
.bottom p{
	float:right;
	color:#666;
	margin-top: 10px;
}
.bottom-nav li{
	
	margin-left:23px;
}
.bottom-nav li a{color:#999;}
#template{display: none;}
.details{
	background-color: #fff;
	margin-top: 100px;
	padding:45px 50px;
	box-sizing: border-box;
}
.details h2{font-size: 18px;color:#333;}
.info{
	font-size:12px;
	margin-top:20px;
	border-bottom:1px solid #e3e3e3;
	overflow:hidden;
	padding-bottom:10px;
}
.info span{
	float:left;
}
.info .fr{
	float:right;
}
.info li{
	margin-right:15px;
	color:#999999;
}
.text{margin-top: 20px;}
.text p{
	line-height:24px;
	margin-bottom:20px;
}